// 设计稿以375px为宽度，而我把页面宽度设计为10rem的情况下

// 这个是设计稿中1rem的大小
// 如果代码中你写的是14px，自动转换后，页面显示1.4rem那么说明，你配置自动转换单位成功了
// const baseSize = 1

// function setRem () { // 实际设备页面宽度和设计稿的比值
//   const scale = document.documentElement.clientWidth / 375
//   // 计算实际的rem值并赋予给html的font-size
//   document.documentElement.style.fontSize = (baseSize * scale) + 'px'
// }
// setRem()
// window.addEventListener('resize', () => {
//   setRem()
// })

const baseSize = 1

function setRem () { // 实际设备页面宽度和设计稿的比值
  const scale = Math.min(document.documentElement.getBoundingClientRect().width, 500) / 750
  // 计算实际的rem值并赋予给html的font-size
  document.documentElement.style.fontSize = (baseSize * scale) + 'px'
}
setRem()
window.addEventListener('resize', () => {
  setRem()
})
